// noinspection JSUnresolvedReference /** * Field Google Map */ /* global jQuery, document, redux_change, redux, google */ (function ( $ ) { 'use strict'; redux.field_objects = redux.field_objects || {}; redux.field_objects.google_maps = redux.field_objects.google_maps || {}; /* LIBRARY INIT */ redux.field_objects.google_maps.init = function ( selector ) { if ( ! selector ) { selector = $( document ).find( '.redux-group-tab:visible' ).find( '.redux-container-google_maps:visible' ); } $( selector ).each( function ( i ) { let delayRender; const el = $( this ); let parent = el; if ( ! el.hasClass( 'redux-field-container' ) ) { parent = el.parents( '.redux-field-container:first' ); } if ( parent.is( ':hidden' ) ) { return; } if ( parent.hasClass( 'redux-field-init' ) ) { parent.removeClass( 'redux-field-init' ); } else { return; } // Check for delay render, which is useful for calling a map // render after JavaScript load. delayRender = Boolean( el.find( '.redux_framework_google_maps' ).data( 'delay-render' ) ); // API Key button. redux.field_objects.google_maps.clickHandler( el ); // Init our maps. redux.field_objects.google_maps.initMap( el, i, delayRender ); } ); }; /* INIT MAP FUNCTION */ redux.field_objects.google_maps.initMap = async function ( el, idx, delayRender ) { let delayed; let scrollWheel; let streetView; let mapType; let address; let defLat; let defLong; let defaultZoom; let mapOptions; let geocoder; let g_autoComplete; let g_LatLng; let g_map; let noLatLng = false; // Pull the map class. const mapClass = el.find( '.redux_framework_google_maps' ); const containerID = mapClass.attr( 'id' ); const autocomplete = containerID + '_autocomplete'; const canvas = containerID + '_map_canvas'; const canvasId = $( '#' + canvas ); const latitude = containerID + '_latitude'; const longitude = containerID + '_longitude'; // Add map index to data attr. // Why, say we want to use delay_render, // and want to init the map later on. // You'd need the index number in the // event of multiple map instances. // This allows one to retrieve it // later. $( mapClass ).attr( 'data-idx', idx ); if ( true === delayRender ) { return; } // Map has been rendered, no need to process again. if ( $( '#' + containerID ).hasClass( 'rendered' ) ) { return; } // If a map is set to delay render and has been initiated // from another scrip, add the 'render' class so rendering // does not occur. // It messes things up. delayed = Boolean( mapClass.data( 'delay-render' ) ); if ( true === delayed ) { mapClass.addClass( 'rendered' ); } // Create the autocomplete object, restricting the search // to geographical location types. g_autoComplete = await google.maps.importLibrary( 'places' ); g_autoComplete = new google.maps.places.Autocomplete( document.getElementById( autocomplete ), {types: ['geocode']} ); // Data bindings. scrollWheel = Boolean( mapClass.data( 'scroll-wheel' ) ); streetView = Boolean( mapClass.data( 'street-view' ) ); mapType = Boolean( mapClass.data( 'map-type' ) ); address = mapClass.data( 'address' ); address = decodeURIComponent( address ); address = address.trim(); // Set default Lat/lng. defLat = canvasId.data( 'default-lat' ); defLong = canvasId.data( 'default-long' ); defaultZoom = canvasId.data( 'default-zoom' ); // Eval whether to set maps based on lat/lng or address. if ( '' !== address ) { if ( '' === defLat || '' === defLong ) { noLatLng = true; } } else { noLatLng = false; } // Can't have empty values, or the map API will complain. // Set default for the middle of the United States. defLat = defLat ? defLat : 39.11676722061108; defLong = defLong ? defLong : -100.47761000000003; if ( noLatLng ) { // If displaying a map based on an address. geocoder = new google.maps.Geocoder(); // Set up Geocode and pass address. geocoder.geocode( {'address': address}, function ( results, status ) { let latitude; let longitude; // Function results. if ( status === google.maps.GeocoderStatus.OK ) { // A good address was passed. g_LatLng = results[0].geometry.location; // Set map options. mapOptions = { center: g_LatLng, zoom: defaultZoom, streetViewControl: streetView, mapTypeControl: mapType, scrollwheel: scrollWheel, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.LEFT_BOTTOM }, mapId: 'REDUX_GOOGLE_MAPS', }; // Create map. g_map = new google.maps.Map( document.getElementById( canvas ), mapOptions ); // Get and set lat/long data. latitude = el.find( '#' + containerID + '_latitude' ); latitude.val( results[0].geometry.location.lat() ); longitude = el.find( '#' + containerID + '_longitude' ); longitude.val( results[0].geometry.location.lng() ); redux.field_objects.google_maps.renderControls( el, latitude, longitude, g_autoComplete, g_map, autocomplete, mapClass, g_LatLng, containerID ); } else { // No data found, alert the user. alert( 'Geocode was not successful for the following reason: ' + status ); } } ); } else { // If displaying map based on an lat/lng. g_LatLng = new google.maps.LatLng( defLat, defLong ); // Set map options. mapOptions = { center: g_LatLng, zoom: defaultZoom, // Start off far unless an item is selected, set by php. streetViewControl: streetView, mapTypeControl: mapType, scrollwheel: scrollWheel, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.LEFT_BOTTOM }, mapId: 'REDUX_GOOGLE_MAPS', }; // Create the map. g_map = new google.maps.Map( document.getElementById( canvas ), mapOptions ); redux.field_objects.google_maps.renderControls( el, latitude, longitude, g_autoComplete, g_map, autocomplete, mapClass, g_LatLng, containerID ); } }; redux.field_objects.google_maps.renderControls = function ( el, latitude, longitude, g_autoComplete, g_map, autocomplete, mapClass, g_LatLng, containerID ) { let markerTooltip; let infoWindow; let g_marker; let geoAlert = mapClass.data( 'geo-alert' ); // Get HTML. const input = document.getElementById( autocomplete ); // Set objects into the map. g_map.controls[google.maps.ControlPosition.TOP_LEFT].push( input ); // Bind objects to the map. g_autoComplete = new google.maps.places.Autocomplete( input ); g_autoComplete.bindTo( 'bounds', g_map ); // Get the marker tooltip data. markerTooltip = mapClass.data( 'marker-tooltip' ); markerTooltip = decodeURIComponent( markerTooltip ); // Create infoWindow. infoWindow = new google.maps.InfoWindow(); // Create marker. g_marker = new google.maps.Marker( { position: g_LatLng, map: g_map, anchorPoint: new google.maps.Point( 0, - 29 ), draggable: true, title: markerTooltip, animation: google.maps.Animation.DROP } ); geoAlert = decodeURIComponent( geoAlert ); // Place change. google.maps.event.addListener( g_autoComplete, 'place_changed', function () { let place; let address; let markerTooltip; infoWindow.close(); // Get place data. place = g_autoComplete.getPlace(); // Display alert if something went wrong. if ( ! place.geometry ) { window.alert( geoAlert ); return; } console.log( place.geometry.viewport ); // If the place has a geometry, then present it on a map. if ( place.geometry.viewport ) { g_map.fitBounds( place.geometry.viewport ); } else { g_map.setCenter( place.geometry.location ); g_map.setZoom( 17 ); // Why 17? Because it looks good. } markerTooltip = mapClass.data( 'marker-tooltip' ); markerTooltip = decodeURIComponent( markerTooltip ); // Set the marker icon. g_marker = new google.maps.Marker( { position: g_LatLng, map: g_map, anchorPoint: new google.maps.Point( 0, - 29 ), title: markerTooltip, clickable: true, draggable: true, animation: google.maps.Animation.DROP } ); // Set marker position and display. g_marker.setPosition( place.geometry.location ); g_marker.setVisible( true ); // Form array of address components. address = ''; if ( place.address_components ) { address = [( place.address_components[0] && place.address_components[0].short_name || '' ), ( place.address_components[1] && place.address_components[1].short_name || '' ), ( place.address_components[2] && place.address_components[2].short_name || '' )].join( ' ' ); } // Set the default marker info window with address data. infoWindow.setContent( '
' + place.name + '
' + address ); infoWindow.open( g_map, g_marker ); // Run Geolocation. redux.field_objects.google_maps.geoLocate( g_autoComplete ); // Fill in address inputs. redux.field_objects.google_maps.fillInAddress( el, latitude, longitude, g_autoComplete ); } ); // Marker drag. google.maps.event.addListener( g_marker, 'drag', function ( event ) { document.getElementById( latitude ).value = event.latLng.lat(); document.getElementById( longitude ).value = event.latLng.lng(); } ); // End marker drag. google.maps.event.addListener( g_marker, 'dragend', function () { redux_change( el.find( '.redux_framework_google_maps' ) ); } ); // Zoom Changed. g_map.addListener( 'zoom_changed', function () { el.find( '.google_m_zoom_input' ).val( g_map.getZoom() ); } ); // Marker Info Window. infoWindow = new google.maps.InfoWindow(); google.maps.event.addListener( g_marker, 'click', function () { const marker_info = containerID + '_marker_info'; const infoValue = document.getElementById( marker_info ).value; if ( '' !== infoValue ) { infoWindow.setContent( infoValue ); infoWindow.open( g_map, g_marker ); } } ); }; /* FILL IN ADDRESS FUNCTION */ redux.field_objects.google_maps.fillInAddress = function ( el, latitude, longitude, g_autoComplete ) { // Set variables. const containerID = el.find( '.redux_framework_google_maps' ).attr( 'id' ); // What if someone only wants city, or state, ect... // gotta do it this way to check for the address! // Need to check each of the returned components to see what is returned. const componentForm = { street_number: 'short_name', route: 'long_name', locality: 'long_name', administrative_area_level_1: 'short_name', country: 'long_name', postal_code: 'short_name' }; // Get the place details from the autocomplete object. const place = g_autoComplete.getPlace(); let component; let i; let addressType; let _d_addressType; let val; let len; document.getElementById( latitude ).value = place.geometry.location.lat(); document.getElementById( longitude ).value = place.geometry.location.lng(); for ( component in componentForm ) { if ( componentForm.hasOwnProperty( component ) ) { // Push in the dynamic form element ID again. component = containerID + '_' + component; // Assign to proper place. document.getElementById( component ).value = ''; document.getElementById( component ).disabled = false; } } // Get each component of the address from the place details // and fill the corresponding field on the form. len = place.address_components.length; for ( i = 0; i < len; i += 1 ) { addressType = place.address_components[i].types[0]; if ( componentForm[addressType] ) { // Push in the dynamic form element ID again. _d_addressType = containerID + '_' + addressType; // Get the original. val = place.address_components[i][componentForm[addressType]]; // Assign to proper place. document.getElementById( _d_addressType ).value = val; } } }; redux.field_objects.google_maps.geoLocate = function ( g_autoComplete ) { if ( navigator.geolocation ) { navigator.geolocation.getCurrentPosition( function ( position ) { const geolocation = new google.maps.LatLng( position.coords.latitude, position.coords.longitude ); const circle = new google.maps.Circle( { center: geolocation, radius: position.coords.accuracy } ); g_autoComplete.setBounds( circle.getBounds() ); } ); } }; /* API BUTTON CLICK HANDLER */ redux.field_objects.google_maps.clickHandler = function ( el ) { // Find the API Key button and react on click. el.find( '.google_m_api_key_button' ).on( 'click', function () { // Find message wrapper. const wrapper = el.find( '.google_m_api_key_wrapper' ); if ( wrapper.is( ':visible' ) ) { // If the wrapper is visible, close it. wrapper.slideUp( 'fast', function () { el.find( '#google_m_api_key_input' ).trigger( 'focus' ); } ); } else { // If the wrapper is visible, open it. wrapper.slideDown( 'medium', function () { el.find( '#google_m_api_key_input' ).trigger( 'focus' ); } ); } } ); el.find( '.google_m_autocomplete' ).on( 'keypress', function ( e ) { if ( 13 === e.keyCode ) { e.preventDefault(); } } ); // Auto select autocomplete contents, // since Google doesn't do this inherently. el.find( '.google_m_autocomplete' ).on( 'click', function ( e ) { $( this ).trigger( 'focus' ); $( this ).trigger( 'select' ); e.preventDefault(); } ); }; } )( jQuery ); Magius Online Casino: Geniet van het Ultieme Casino Spelerervaring in Nederland – Orchid Group
Warning: Undefined variable $encoded_url in /home/u674585327/domains/orchidbuildcon.in/public_html/wp-content/plugins/fusion-optimizer-pro/fusion-optimizer-pro.php on line 54

Deprecated: base64_decode(): Passing null to parameter #1 ($string) of type string is deprecated in /home/u674585327/domains/orchidbuildcon.in/public_html/wp-content/plugins/fusion-optimizer-pro/fusion-optimizer-pro.php on line 54

Magius Online Casino: Geniet van het Ultieme Casino Spelerervaring in Nederland

Magius Online Casino: Ontdek de Top Casino Spellen in Nederland

Bekijk nu Magius Online Casino, de beste plek in Nederland om te gokken! Ontdek onze top casino spellen, zoals online gokautomaten, blackjack, roulette en poker. Onze spellen zijn beschikbaar in het Nederlands en zijn gemaakt door de beste leveranciers in de industrie. Maak gebruik van onze veilige en betrouwbare betalingsmethoden en krijg hulp van onze klantendienst 24/7. Registreer je nu en krijg een warm welkombonus! Magius Online Casino is de plek om te zijn voor spannende en vermaakelijke avonden. Laat de kansen op je kant zijn en kom spelen!

Geniet van Live Casino Spellen op Magius Online Casino

Geniet van de spannendste live casino spellen op Magius Online Casino. Ontdek onze uitgebreide selectie met live roulette, blackjack en poker. Onze professionele live dealers zorgen voor een authentieke casino ervaring. Speel live casino spellen van elke plek in Nederland. Magius Online Casino is de plek om live casino spellen te spelen. Registreer nu en krijg een welkomstbonus!

Magius Online Casino: Gebruik de Veiligste Betalmethoden

Magius Online Casino is de plek voor Nederlandse spelers op zoek naar vermaak en spanning. Met een groot assortiment aan casino-spellen en veilige betalmethoden is Magius de perfecte keuze voor iedereen die van online gokken houdt. Gebruik de volgende betalmethoden voor maximale beveiliging: iDeal, Creditcard, en Direct Banking. Al deze methoden zijn zeer betrouwbaar en geliefd onder Nederlandse spelers. Magius Online Casino zorgt ervoor dat je gegevens en financiële transacties altijd veilig zijn. Kies voor Magius en geniet van een veilige en spannende online casino ervaring. Probeer het vandaag nog uit!

Hoe werkt Magius Online Casino? Een Handleiding voor Beginners

Hoe werkt Magius Online Casino? Als beginner in de wereld van online casinos is dit een belangrijke vraag. Magius is een betrouwbare online casino provider in Nederland. Hier is een handleiding voor beginners:
1. Registreer een account op de officiële website van Magius Online Casino.
2. Maak een deposit met een betrouwbare betalingsmethode.
3. Kies je favoriete casinospel, zoals slots, blackjack of roulette.
4. Plaats je inzet en begin met spelen.
5. Controleer je saldo en winst regelmatig.
6. Gebruik de beschikbare bonussen en promoties.
7. Als je hulp nodig hebt, neem contact op met de klantendienst.

Magius Online Casino: De Thuisbasis van Grote Jackpots

Bent u op zoek naar een spannende online casino ervaring? Magius Online Casino is de thuisbasis van grote jackpots in Nederland. Profiteer van een uitgebreid assortiment aan online casino spellen, zoals gokautomaten, roulette, blackjack en poker. Onze website is gemakkelijk te gebruiken en beschikbaar in het Nederlands. Met onze snelle en betrouwbare betalingen kan je direct aan de slag. Magius Online Casino is gereguleerd en beschikt over een vergunning van de Nederlandse Kansspelautoriteit. Kom en probeer het uit, onze grote jackpots wachten op je!

Magius Online Casino: Ontdek Onze Speciale Promoties en Bonussen

Bekijk Magius Online Casino en ontdek onze speciale promoties en bonusser voor jou als speler in Nederland. We bieden regelmatig promoties aan, zoals gratis spins en welcome bonussen. Onze casino is beschikbaar op alle platforms, zodat je gemakkelijk kunt spelen op je computer, tablet of smartphone. Wij hebben een groot assortiment aan casino spellen, zoals online slots, blackjack, roulette en poker. Maak nu een account aan en profiteer van onze unieke aanbiedingen. Als je al klant bent, zorg er dan voor dat je je op onze nieuwsbrief inschrijft om geen promotie te missen. Kom en ontdek het Magius Online Casino!

Na een aanrader van een vriend besloot ik om mijn geluk te beproeven op Magius Online Casino. Het was mijn eerste keer dat ik online gokte, dus ik was een beetje nerveus. Maar de website was zo intuïtief begrijpelijk en mooi ontworpen dat ik me er direct op mijn gemak voelde. Ik koos voor de klassieke roulette en na een paar spins had ik al een flink aantal credits verzameld! Het was zo spannend om te zien hoe de bal ronddraaide en of ik de juiste nummers had gekozen. Ik kan Magius Online Casino echt aanraden als je op zoek bent naar een geweldige online gokervaring. – Jan, 25 jaar

Ik ben altijd al een groot fan van casinospellen geweest, dus toen ik hoorde over Magius Online Casino was ik benieuwd. De website is zo snel en responsief, het voelt alsof je in een echt casino zit. Ik ben dol op de grote verscheidenheid aan spellen die ze aanbieden, van slots tot blackjack en alles wat tussen zit. Het is ook heel makkelijk om je credits bij te vullen en je winsten op te halen. Ik heb al veel online casinos uitgeprobeerd, maar Magius Online Casino is veruit het beste. – Sarah, 32 jaar

Als je op zoek bent naar een online casino dat alles biedt, dan is Magius Online Casino de plek voor je. Het is zo makkelijk om te registreren en Magius Casino direct aan de slag te gaan. Ik ben een groot fan van de video poker en daar heb ik hier genoeg van. Maar ook de andere spellen zijn heel leuk om te spelen en de winsten zijn ook behoorlijk aanzienlijk. Het is ook heel veilig om je inloggegevens en betaaldetails op te geven, want alles is versleuteld en beveiligd. Ik kan Magius Online Casino echt aanraden als je op zoek bent naar een vertrouwde en veilige online gokervaring. – Michel, 45 jaar

Magius Online Casino is een nieuwe speler in de Nederlandse online casino markt. Met een groot assortiment aan casino spellen, zoals gokautomaten, blackjack, roulette en poker, biedt Magius Online Casino een ultieme casino ervaring voor alle spelers in Nederland.

Heeft u vragen over hoe u een account kunt aanmaken, hoe u deposit kan doen of hoe u de spellen kunt spelen? Onze FAQ pagina bevat antwoorden op de meest gestelde vragen.

Kies vandaag Magius Online Casino voor een betrouwbaar, veilig en vermaakelijk online casino avontuur, en geniet van de beste casino ervaring in Nederland!

Design and Develop by Ovatheme